<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第七章</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<style>
    .wrapper{
        margin: 0 auto;
        width: 800px;
    }
    .top{
        margin-top: 50px;
    }
</style>
<body>
<div class="list-group wrapper top">
  <a href="#" class="list-group-item active">第七章</a>
  <a href="edu_7_2_1.html" class="list-group-item">【例7-2-1】选择器演示</a>
  <a href="edu_7_2_2.html" class="list-group-item">【例7-2-2】属性选择器的应用</a>
  <a href="edu_7_2_3.html" class="list-group-item">【例7-2-3】内联样式</a>
  <a href="edu_7_2_4.html" class="list-group-item">【例7-2-4】内部样式</a>
  <a href="edu_7_2_5.html" class="list-group-item">【例7-2-5】链接外部样式</a>
  <a href="edu_7_2_6.html" class="list-group-item">【例7-2-6】导入外部样式</a>
  <a href="edu_7_3_1.html" class="list-group-item">【例7-3-1】继承与层叠</a>
  <a href="edu_7_4_1.html" class="list-group-item">【例7-4-1】鼠标经过图片显示大图</a>
  <a href="exp_7_1.html" class="list-group-item">【实验7-1】古诗排版</a>
  <a href="exp_7_2.html" class="list-group-item">【实验7-2】Web前端开发工程师工作内容</a>
  <a class="list-group-item" href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> 返回首页</a>
</div>
</body>
</html>
